<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/application/lesson.css">
<script type="text/javascript" src="<?php echo base_url() ?>assets/js/pages/lesson.js"></script> <!-- Page Effects -->

<div class="wrapper page-view oo" ng-hide="timelineView">
	<p class="groups">
		<a class="grp" href="#/hsperson" ng-show="type=='person'">Danh nhân lịch sử</a>
		<a class="grp" href="#/hsplace" ng-show="type=='place'">Di tích - bảo tàng</a>
		<a class="grp" href="#/question" ng-show="type=='question'">Câu hỏi nâng cao</a>
	</p>
	<div class="header">		
		<h1 class="titl"> {{title}} </h1>		
		<!-- <p class="grade"><a href="#/class/07">Lớp 7</a> - <a href="#/class/08">Lớp 8</a></p> -->
		<h3 class="question" ng-show="type=='question'">Câu hỏi: {{question}}</h3>
		<hr ng-show="type=='question'">
		<h3 ng-show="type=='question'">Gợi ý</h3>
	</div>
	<!-- <div class="content" ng-bind-html="content"></div> -->
	<div ng-bind-html="content" class="lessoncontent">
		
	</div>
</div>